<section class="section login-box">
	<div class="container block">
		{{> errorBanner}}

		<div class="columns">
			<form action="{{{global.baseUrl}}}/login" method="POST" class="column">
				<h2 class="title">Login to {{global.appName}}</h1>
				<p class="subtitle">Please input your details to login to {{global.appName}}</p>

				<div class="field">
					<label class="label">Email</label>
					<div class="control">
						<input class="input" type="email" name="email"/>
					</div>
				</div>
				<div class="field">
					<label class="label">Password</label>
					<div class="control">
						<input class="input" type="password" name="password"/>
					</div>
					<p class="help"><a href="{{{global.baseUrl}}}/password/forgot">I forgot my password</a></p>
				</div>
				<div class="control">
					<button class="button is-primary">Login</button>
				</div>
			</form>
		</div>
	</div>

	{{#samlEnabled}}
		<div class="columns">
			<div class="column is-flex is-flex-direction-column is-justify-content-center">
				<h2 class="title">Or use your organisation account</h2>
				{{#samlOrganizationName}}
				<p class="subtitle">{{samlOrganizationName}}</p>
				{{/samlOrganizationName}}

				<a href="/login/sso-saml">
					<button class="button is-primary">Login using your organisation account</button>
				</a>
			</div>
		</div>
	{{/samlEnabled}}

	{{#signupUrl}}
		<div class="container block">
			Or <a href="{{signupUrl}}">sign up</a> to create a new account.
		</div>
	{{/signupUrl}}
</section>